<?php 
	require_once 'config.php';
	require_once 'functions.php';
	require_once 'includes/mobile_detect.php';	
	$detect = new Mobile_Detect;
?>
<!DOCTYPE html>
<!--[if IE 7]>         <html class="no-js ie7"> <![endif]-->
<!--[if IE 8]>         <html class="no-js ie8"> <![endif]-->
<!--[if IE 9]>         <html class="no-js ie9"> <![endif]-->
<html class="no-js">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Starbucks Gallery</title>
<link href="css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
<link href="css/style.css" type="text/css" rel="stylesheet"/>
<link href="css/jquery.jscrollpane.css" type="text/css" rel="stylesheet"/>
<link href="css/gallery.css" type="text/css" rel="stylesheet"/>
<?php if($detect->isMobile()) { ?>
<link href="css/mobile.css" type="text/css" rel="stylesheet"/>
<?php } else { ?>
<link href="css/no_mobile.css" type="text/css" rel="stylesheet"/>
<?php } ?>
<script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/lazyload.js" type="text/javascript"></script>
<script src="js/jquery.jscrollpane.js" type="text/javascript"></script>
<?php if(!$detect->isMobile())  { ?>
<script src="js/init_not_mobile.js" type="text/javascript"></script>
<script src="js/jquery.mousewheel.js" type="text/javascript"></script>
<?php } ?>
<script src="js/gallery.js" type="text/javascript"></script>
<body>
	<div class="container-fluid padding_removal" >
		<div id="page-header" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">		
			<div class="header-contain-wrapper" >
				<div id="header_logo" class="col-xs-1 col-sm-offset-2 col-sm-3 col-md-offset-3 col-md-3 col-lg-offset-3 col-lg-3">
					<a class="ga_click_self" href="<?php echo SITE_URL; ?>" title="home logo"><img src="images/header_logo.png" /></a>
				</div>					
				<div class="top_header_text col-xs-10 col-sm-7 col-md-6 col-lg-7" ><span class="white-text">HYDERABAD SHARES ITS</span> #PASSIONFORCOFFEE</div>
			</div>		
		</div>	
	</div>
	<div class="contain-wrapper">		
		<div class="gallery-container">
			<div class="backhome"><a class="ga_click_self" href="<?php echo SITE_URL; ?>" title="back to home"><img src="images/btn_back_home.png" /></a></div>
				<div class="row" >
					<div class="scroll-pane page-gallery-wrapper col-xs-12 col-md-12 col-md-12 col-lg-12">
					<?php 
						$approved=1;
						$entries = get_contest_details(0,$approved);
						foreach($entries as $entry){ ?>
							<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 entry-gallery" data-toggle="modal" data-target="#myModal2" data-attr-name="<?php echo $entry['name']?>" data-attr-pic="<?php echo $entry['picture']; ?>" data-attr-mmsg="<?php echo $entry['message']?>">
								<a class="gallery-image" href="javascript:void(0);"><img class="width-100 lazy" style="" data-original="upload/standard/<?php echo $entry['picture']; ?>"/></a>
							</div>
						<?php } ?>
					</div><!-- page-gallery-wrapper ends -->
				</div> 
		</div> 		
		<?php require_once 'footer.php'; ?>
		<!-----Start Popup------>
	<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content2">
				<div class="modal-header">
					<button type="button" class="close close_end" data-dismiss="modal" aria-hidden="true">&times;</button>
				</div>
				<div class="modal-body1">
					<!--<div class="" style="display: inline-block;vertical-align:middle;">
						<img class="prev-arrow" src="/img/left_arrow copy.png"/>
					</div>-->
					<div id="share_pic_wrapper" class="" >
						<img id="share_pic" class="" src=""/>
					</div>
					<!--<div class="" style="display: inline-block;vertical-align:middle;">
						<img class="next-arrow" src="/img/right_arrow copy.png"/>
					</div>-->
				</div>
				<div class="modal-footer">
					<div id="share_msg" class="lorem_end">Lorem ipsum dolor sit amet,consecctetur adipisicing elit, sed do eiusmod	tempor incididunt ut labore et dolore!</div>					   
					<div class="lorem_end1" style="display: inline-block;">SUBMITTED BY: <span id="share_name">LUIGSON FERNADES</span></div>	
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal-dialog -->
	</div><!-- /.modal ends-->	
	<!----- End ------->	
</div>
<script type="text/javascript" src="js/ga_code.js"></script>
<script type="text/javascript" src="js/google_analytics.js"></script>
</body>
</html>


